<!-- 推荐关注 -->
<div class="sidebar-card">
    <div class="card-header">
        <h3 class="card-title">推荐关注</h3>
        <a href="#" class="see-all">查看全部</a>
    </div>

    <div class="suggested-users">
        <div class="suggested-user">
            <div class="user-info">
                <img src="https://picsum.photos/id/64/48/48" alt="张晓明的头像" class="user-avatar">
                <div class="user-details">
                    <p class="user-name">张晓明</p>
                    <p class="user-meta">产品经理 · 3个共同好友</p>
                </div>
            </div>
            <button class="follow-btn">关注</button>
        </div>

        <div class="suggested-user">
            <div class="user-info">
                <img src="https://picsum.photos/id/65/48/48" alt="李婷婷的头像" class="user-avatar">
                <div class="user-details">
                    <p class="user-name">李婷婷</p>
                    <p class="user-meta">UI设计师 · 关注了5个你关注的人</p>
                </div>
            </div>
            <button class="follow-btn">关注</button>
        </div>

        <div class="suggested-user">
            <div class="user-info">
                <img src="https://picsum.photos/id/91/48/48" alt="王建国的头像" class="user-avatar">
                <div class="user-details">
                    <p class="user-name">王建国</p>
                    <p class="user-meta">前端开发 · 经常浏览相同话题</p>
                </div>
            </div>
            <button class="follow-btn">关注</button>
        </div>

        <div class="suggested-user">
            <div class="user-info">
                <img src="https://picsum.photos/id/26/48/48" alt="陈思思的头像" class="user-avatar">
                <div class="user-details">
                    <p class="user-name">陈思思</p>
                    <p class="user-meta">内容运营 · 与你有相似兴趣</p>
                </div>
            </div>
            <button class="follow-btn following">已关注</button>
        </div>
    </div>
</div>
